<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">
			CODIGOS DE BARRAS
		</ui:define>
	<ui:define name="content">

		<p:growl id="mensaje" showDetail="true" life="7000" />

		<h:outputText value="RESPONSIVE WEB DESIGN" class="asterisco" />

		<p:panel header="CODIGOS DE BARRAS" style="margin-bottom:10px;">

			<h:form id="datos">
				<h:panelGrid columns="4" cellpadding="1">
					<h:outputText value="NOMBRE:" style="font-weight:bold" />
					<p:inputText value="#{codigoBarraBean.producto.nombreimprimir}"
						style="width: 300px !important;" readonly="true" />
					<p:tooltip for="btnBuscar" value="#{msg['btn.buscar']}" />

					<p:commandButton id="btnBuscar"
						update=":formDataTable:tablaProductos,:formCodigo:criterioBusqueda"
						icon="#{msg['iconoBuscar']}"
						oncomplete="PF('grupoDialogoBuscar').show()"
						actionListener="#{codigoBarraBean.limpiarObjetosBusquedaProductos}" />
				</h:panelGrid>

				<h:panelGrid id="panelNuevo" columns="2" cellpadding="1">
					<h:outputText value="CODIGO:" style="font-weight:bold" />
					<p:selectOneRadio id="customRadio"
						value="#{codigoBarraBean.codigoTipo}">
						<f:selectItem itemLabel="EAN" itemValue="ean" />
						<f:selectItem itemLabel="CODIGO 1" itemValue="codigo1" />
						<f:selectItem itemLabel="CODIGO 2" itemValue="codigo2" />
						<p:ajax update="imgCodigo, :mensaje"
							listener="#{codigoBarraBean.generarCodigo}" />
					</p:selectOneRadio>

					<h:outputText value="CODIGO DE BARRAS:" style="font-weight:bold" />
					<p:graphicImage id="imgCodigo"
						value="#{codigoBarraBean.codigoBarra}" cache="false" />
				</h:panelGrid>

				<p:tooltip for="btnNuevoAceptar" value="IMPRIMIR" />
				<p:commandButton id="btnNuevoAceptar" value="IMPRIMIR" ajax="false"
					icon="ui-icon-print"
					actionListener="#{codigoBarraBean.reporteCodigoProducto}" />
			</h:form>

			<p:dialog header="BUSCAR PRODUCTO" widgetVar="grupoDialogoBuscar"
				resizable="false" modal="false" showEffect="clip" hideEffect="fold"
				id="dialogoBuscar" styleClass="dialogoBuscarProducto">

				<h:form id="formCodigo">
					<h:outputText value="NOMBRE DEL PRODUCTO" style="font-weight:bold" />
					<p:inputText id="criterioBusqueda"
						styleClass="txtDialogoBuscarProducto"
						value="#{codigoBarraBean.criterioProductoBusqueda}"
						onblur="this.value=this.value.toUpperCase();" />

					<p:commandButton styleClass="btnDialogoBuscarProducto"
						update="formCodigo, :formDataTable:tablaProductos, :mensaje"
						icon="#{msg['iconoBuscar']}"
						actionListener="#{codigoBarraBean.obtenerProductosPorBusqueda}" />
				</h:form>

				<h:form id="formDataTable">
					<p:dataTable id="tablaProductos" var="producto"
						value="#{codigoBarraBean.listaProductoBusqueda}" paginator="true"
						rows="10" emptyMessage="#{msg['lbl.mensajeTabla']}"
						paginatorPosition="bottom" rowKey="#{producto.productoid}"
						selection="#{codigoBarraBean.producto}" selectionMode="single">

						<p:ajax event="rowSelect" update=":datos,:formCodigo"
							listener="#{codigoBarraBean.obtenerProducto}"
							oncomplete="PF('grupoDialogoBuscar').hide()" />

						<p:column headerText="EAN" style="text-align:center;width:20%">
							 	#{producto.ean}
						</p:column>

						<p:column headerText="NOMBRE" style="text-align:center;">
							 	#{producto.nombreimprimir}
						</p:column>

					</p:dataTable>
				</h:form>
			</p:dialog>
		</p:panel>

		<script type="text/javascript">
			//<![CDATA[
			function comprobar(xhr, status, args) {
				if (!args.error)
					window.open("", "REPORTE");
			}
			//]]>
		</script>

	</ui:define>
</ui:composition>
</html>